
@charset "utf-8";



.warp{ position: relative; }
.banner{}
.banner .swiper-container{  }
.banner .swiper-container  img{ width:100%; height:auto; display:block; }
.banner .right{ position:absolute; width:780px; height:400px; right:0;   }
.banner .cont .img2{ padding:30px 0 0;  }
.banner .cont{ text-align: left; position: absolute; z-index:3; top:0; left:0; width:100%; color:#fff;}
.banner .txt{ height:522px; margin-top:260px;  }
.banner .cont h2{ font-size:32px; color:#ca9404; line-height: 18px;}
.banner .cont h3{ font-size:36px; font-weight: bold; color:#ca9404; }
.banner .cont h4{ font-size:22px; margin-top:10px; font-weight: normal; }
.banner .cont1 .img{display: block; margin-top:100px;  }
.banner .swiper-pagination-bullet{ width:12px;  height:12px; background: #fff; opacity: 0.4;} 
.banner .swiper-pagination-bullet-active{ background:#fff; opacity: 0.8;  }
.banner .btn{ margin-top:40px; }


/*search*/
.search { height:70px; background: #ca9404; }
.search .img{ width:142px; height: 37px; float:left; margin: 19.5px 0 13.5px 0}
.search .iphone{ float:left; /*width:250px;*/ height: 70px; margin-left:60px; position: relative;}
.search .iphone i{ vertical-align: middle;  position: absolute; left:0; top:18px;}
.search .iphone span{ font-size:28px; color:#fff; font-weight:bold;  padding-left:46px; display: inline-block; margin: 16.5px 0; }
.search .sou{ float:right; height:70px; position: relative;width:562px; }
.search .sou .soso-xiala{ position:absolute; width:240px; background:#fff; top:70px;  right:50px; box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);z-index:999999}
.search .sou .soso-xiala ul{ min-width:150px;}
.search .sou .soso-xiala ul li a{display:block; width:100%;}
.search .sou .soso-xiala ul li{line-height:36px;text-indent:10px;padding-left: 5px;}
.search .sou .soso-xiala ul li:hover{color:#fff;background:#ca9404;}
.search .sou .soso-xiala ul li:hover a{ color:#fff;}
.search .sou .select{position:relative; z-index:3; width:250px; min-width:250px; line-height: 46px;  height:46px;  cursor:pointer; display: inline-block; margin-top:10px;}
.search .sou .select:after{content:"";position:absolute;right:10px;  background: url(../images/index/select.png); width:15px; height:10px; top:19px;}
.search .sou .select .select_text{padding:0 30px 0 10px;height:46px;line-height:46px; text-align: right; color:#fff;}
.search .sou .select_ul{box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);display:none;position:absolute;top:60px;left:99px;width:150px; min-width:150px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background:#fff; z-index:999;}
.search .sou .select_ul li{line-height:36px;text-indent:10px;padding-left: 5px;}
.search .sou .select_ul li:hover{color:#fff;background:#6AA7EA;}
.search .sou .select_ul li.cur{color:#fff;background:#ca9404;}
.search .sou .input1{ position: absolute; right:53px; top:17px; width:222px; display: block; height:34px;  border:none; border-left:1px solid #dab450; font-size:18px; color:#fff; padding-left:20px; background: none; }
.search .anniu{ position: absolute; right:0; top:12px; width:48px; height:48px; background: url(../images/index/search.png); border:none;}
.search .quick{width:250px; float:right;  margin:12px 0;}
.search .quick a{ display: block; width:250px; height:42px; line-height: 42px; color:#ca9404; background: #36373b; text-align:center; font-weight:bold; font-size:16px;}

.bread .sou{  height:50px; /*position: relative; */width:450px; border:1px solid #ca9404;  position: absolute; right:0; top:10px;}
.bread .sou .select{position:relative; z-index:3; width:140px; min-width:140px; line-height: 40px;  height:40px;  cursor:pointer; display: inline-block; margin-top:4px;}
.bread .sou .select:after{content:"";position:absolute;right:10px;  background: url(../images/new/xiala.png); width:15px; height:10px; top:19px;}
.bread .sou .select .select_text{padding:0 30px 0 10px;height:46px;line-height:46px; text-align: right; color:#ca9404;}
.bread .sou .select_ul{display:none;position:absolute;top:50px;left:-1px;width:250px; min-width:250px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff; z-index:4
	;}
.bread .sou .select_ul li{line-height:36px;text-indent:10px;}
.bread .sou .select_ul li:hover{color:#fff;background:#ca9404;}
.bread .sou .select_ul li.cur{color:#fff;background:#ca9404;}
.bread .sou .input1{ position: absolute; right:53px; top:10px; width:222px; display: block; height:34px;  border:none; border-left:1px solid #dab450; font-size:18px; color:#ca9404; padding-left:20px; background: none; }
.bread .anniu{ position: absolute; right:32px; top:6px; width:48px; height:40px; background: url(../images/new/search.png) no-repeat center; border:none;}
.bread .quick{width:250px; float:right;  margin:12px 0;}
.bread .quick a{ display: block; width:250px; height:42px; line-height: 42px; color:#ca9404; background: #36373b; text-align:center; font-weight:bold; font-size:16px;}






/*worry*/
.worry{ padding-bottom:68px; }
.worry .title{ margin:40px 0 50px; }
.worry ul{width:100%;font-size:0;margin:0 auto}
.worry ul.ul_3{width:960px}
.worry ul.ul_3 li{margin-left:10px;margin-right:10px}
.worry ul li{width:300px; box-sizing: border-box; display:inline-block; text-align: center; color:#2d2d2d; font-weight:bold; padding:30px 0; position: relative; overflow: hidden;border:1px solid #e1e1e1;margin-bottom:20px}
.worry ul li .img{ height:56px; display:block;  }
.worry ul li p{ padding-top:4px; font-size:20px; }
.worry ul li .txt1{ transform: scale(1,1);  transition: all 0.4s;}
.worry ul li:hover .txt1{ transform: scale(0,0); }
.worry ul li .txt2{  background: #ca9404; text-align: left;  position: absolute; width:100%; height:100%;  left:0; top:0;  opacity: 0; transition: all 0.3s; z-index:3;}
.worry ul li .txt2 h4{ font-size:22px; color:#fff; position: absolute; left:0; top:0; transition: all 0.3s; top:42px; }
.worry ul li .txt2 .jiantou{ position: absolute; left:0; top:85px; transition:all 0.6s; z-index:3;}
.worry ul li:hover .txt2 h4{ left:30px;  z-index:3;}
.worry ul li:hover .txt2 .jiantou{ left:30px; }
.worry ul li:hover .txt2{ opacity:1; }
.worry ul li.borright{ border-right:1px solid #e1e1e1;  }
.worry ul li.borbottom{ border-bottom:1px solid #e1e1e1;  }
.worry ul li span{ display:block; position: absolute; transition: all 0.6s; width:100%; height:100%; opacity:0; transition:all 0.6s; }
.worry ul li span img{ width:100%;}
.worry ul li:hover span{ opacity:1;}

/*.worry ul li:nth-child(1) span{  top:17px; right:0px; width:80px;}
.worry ul li:nth-child(1):hover span{ right:34px; }
.worry ul li:nth-child(2) span{  top:0px; right:12px;  width:120px;  }
.worry ul li:nth-child(2):hover span{  top:52px; width}
.worry ul li:nth-child(3) span{  top:0px; right:10px; width:120px;  }
.worry ul li:nth-child(3):hover span{  top:42px;}
.worry ul li:nth-child(4) span{  top:26px; right:0; width:80px; }
.worry ul li:nth-child(4):hover span{ right:28px;}
.worry ul li:nth-child(5) span{  top:15px; right:0; width:80px;}
.worry ul li:nth-child(5):hover span{ right:36px;}
.worry ul li:nth-child(6) span{  top:0; right:12px; width:140px; }
.worry ul li:nth-child(6):hover span{top:46px;}
.worry ul li:nth-child(7) span{  top:0; right:10px; width:120px;}
.worry ul li:nth-child(7):hover span{top:32px;}
.worry ul li:nth-child(8) span{  top:0; right:10px; width:120px;}
.worry ul li:nth-child(8):hover span{top:50px;}*/


/*care*/
.care{ background: #2f3033; overflow: hidden; }
.care .title{ margin:42px 0; }
.care .title p{ color:#fff; }
.care ul { margin-left:-16px; }
.care ul li{ width:270px; height:120px; background: #3a3b3f; float:left; color:#fff; margin:15px; position: relative;}
.care ul li .img{ height:30px; margin-top:24px; }
.care ul li p{ font-size:22px; font-weight:bold; padding-top:16px; }
.care ul li .txt1{ padding:0 24px; opacity: 1; transition:all 0.6s;}
.care ul li：hover .txt1{ opacity: 0; }
.care ul li .numbg{ position: absolute; right:10px; font-size:32px;  bottom:0; font-weight:bold; opacity: 0.06; text-align: right;}
.care ul li span{ display: block;   }
.care ul li .txt2{ position: absolute; left:0; top:0; background:#ca9404; width:100%; height:100%; opacity: 0; transition:all 0.6s; }
.care ul li:hover .txt2{ opacity: 1; }
.care ul li .txt2 span{ padding:20px; line-height: 26px; }
.care .btn{ margin:28px auto 44px; }

/*trust*/
.trust{ padding-bottom:70px;  }
.trust .title{ margin:50px 0 30px; }
.trust .biaoti{ width:330px; float:left; }
.trust .biaoti ul li{ width:50%; float: left; height:162px; text-align: center; margin-top:10px;}
.trust .biaoti ul li p{ font-size:18px; font-weight: bold; padding-top:4px;}
.trust .biaoti ul li .timg{ height:127px; display: flex; align-items: center; justify-content: center; border:3px solid #fff; width:128px; margin:0 auto;}
.trust .biaoti ul li.active .timg{  border:3px solid #bc8b0b;}
.trust .content{ float:right;  width:858px;   }
.trust .content .cont .img{ width:401px; height:243px; background: #e4e4e4; float:left;  position: relative; overflow:hidden}
.trust .content .cont .img img{width:100%;height:100%}
.trust .content .cont .disc{ float:right; width:425px;}
.trust .content .cont .disc h3{ font-size:24px;margin-top:20px; }
.trust .content .cont .disc p{ font-size:14px; color:#666; height:40px; overflow:hidden;}
.trust .content .cont .disc .hr{ width:20px; height:1px; background: #e4e4e4; margin:16px 0;  }
.trust .content .cont .disc .anniu a{ margin-top:34px; display: inline-block; float:left; width:160px; height:40px; line-height: 40px; color:#fff; text-align: center;  }
.trust .content .cont .disc .anniu a:nth-child(1){ background: #bc8b0b; }
.trust .content .cont .disc .anniu a:nth-child(2){ background: #2f3033; }
.trust .content .cont .list{ margin-top:20px; }
.trust .content .cont .list ul li{padding:20px 10px 20px 20px; border-bottom:1px solid #e4e4e4; position: relative; }
.trust .content .cont .list ul li:hover{ background:#f2f2f2; }
.trust .content .cont .list ul li:before{ position: absolute; right:15px; top:30px; width:43px; height:43px; background: url(../images/index/turicon2.png) no-repeat; content: '';}
.trust .content .cont .list ul li:hover:before{ background: url(../images/index/turicon1.png) no-repeat; }
.trust .content .cont .list ul li p{ font-size: 14px;  padding-top: 14px; padding-right: 100px; height: 20px; overflow: hidden;}
.trust .content .cont .list ul li:last-child{ border:none; }

/*pression*/
.pression{ background: url(../images/index/probg.jpg) no-repeat top;  }
.pression .title{ text-align: left; margin:70px 0 60px; }
.pression .title h4{ color:#bc8b0b; padding-top:6px; }
.pression .title p{ color:#c0c0c0; }
.pression .title .hr{ width:20px; height:2px; background:#bc8b0b; margin:20px 0 16px;  }
.pression .cont{ width:562px; float:left; }
.pression .cont .txt p{ padding:56px 0 60px; font-size:14px; color:#4e4e4e; font-weight:bold; line-height: 26px;}
.pression .cont .btn{ border-color:#2f3033; color:#2f3033; border-width:4px; }
.pression .timg{ width:600px; height:457px;  float:right; margin-top:150px; }
.pression ul{ margin:60px 0 80px -20px; }
.pression ul li{ display: flex; float:left; margin-left:20px; justify-content: center; align-items: center; width:285px; padding:30px 0 26px; background: #2f3033; color:#bc8b0b;}
.pression ul li .num{ font-size:48px; font-weight:bold; padding-right:10px; }
.pression ul li .text p{  font-size:22px; }

/*honor*/
.honor,.newback{ background: #f4f4f4; overflow: hidden;}
.honor .title{ margin:52px 0 36px; }
.honor ul{ margin-left:-20px; }
.honor ul li{ float:left; width:285px; margin-left:20px; }
.honor .btn{ border-color:#2f3033; color:#2f3033; border-width:4px; margin:38px auto; }
.pression .cont .btn:hover,.honor .btn:hover{ border:4px solid #bc8b0b; color:#fff; }

/*new*/

.new{ padding-bottom:80px; }
.new .title{ margin:70px 0 40px; position: relative; z-index:2; }
.new .title h3{ width:516px; margin:0 auto; background: #f4f4f4; position:relative;   }
.new .title h3:before{ position: absolute; width:10px; height:10px; background:#e1e1e1; transform: rotate(45deg); content:""; top:20px; left:0px;  }
.new .title h3:after{ position: absolute; width:10px; height:10px; background:#e1e1e1; transform: rotate(45deg); content:""; top:20px; right:0px;  }
.new .title:before{ position: absolute; height:1px; width:100%;content: ""; left:0; top:24px; background: #e1e1e1; z-index:-1; }
.new .cont{ width:838px; float:left; }
.new .cont .timg{ width:400px; height:240px; float:left;}
.new .cont .txt{ width:396px; float:right;  }
.new .cont .txt a{ color:#2f3033; }
.new .cont .txt p{ font-size:14px; }
.new .cont .txt h3{line-height: 40px; font-size:24px; margin:20px 0 8px;  }
.new .cont .txt p a{ color:#666; }
.new .cont .btn{ width:148px; height:30px; border:2px solid #2f3033; line-height: 30px; font-size:14px; font-weight:bold;  margin:36px 0 0;}
.new .cont .btn:hover{ border-color:#bc8b0b; color:#fff; }
.new .cont ul{ margin-top:18px; }
.new .cont ul li h4 span{ color:#bc8b0b; padding-right:12px; }
.new .cont ul li{ width:49%; float:left;  border-right:1px solid #e1e1e1; }
.new .cont ul li .text{ width:94%; border-bottom:1px solid #e1e1e1; padding:14px 0; }
.new .cont ul li .text p{ font-size:14px; line-height: 20px;  overflow : hidden;  height:23px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.new .cont ul li .text h4{ margin:8px 0 8px; height:20px;  overflow:hidden; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 1;}


.new .cont ul li .text p a{ color:#b0b0b0;   }
.new .cont ul li:nth-child(even){ border-right:0; }
.new .cont ul li:nth-child(even) .text{ float:right; }
.picScroll-top{ margin:0 auto;  width:308px;  overflow:hidden; position:relative;   background:#f4f4f4; float:right; }
.picScroll-top .tit{ float:left; font-size:36px; line-height: 30px;}
.picScroll-top .tit b{ color:#bc8b0b;}
.picScroll-top .tit h6{ font-size:18px; }

.picScroll-top .hd{ overflow:hidden;  height:60px;    }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block; width:35px; height:35px;  float:right;   overflow:hidden;
	 cursor:pointer; background:#bc8b0b;}
.picScroll-top .hd .prev{ background: #bc8b0b url(../images/index/prev.png) no-repeat center center;  }	 
.picScroll-top .hd .next{ background: #2f3033 url(../images/index/next.png) no-repeat center center; }
.picScroll-top .bd{   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:left; zoom:1;cursor:pointer; margin-top:10px; border-bottom:1px solid #e1e1e1; padding:20px 0; width:100%;overflow:hidden}
.picScroll-top .bd ul li span{ display:inline; float:left;}
.picScroll-top .bd ul li .question{ padding:8px 0 4px;}
.picScroll-top .bd ul li .question .sp1{ width:18px; height:18px; background:#3c3d40; color:#fff; text-align:center; font-size:18px; color:#fff; line-height:18px; }
.picScroll-top .bd ul li .question .sp2{ position: relative;top: -4px;font-size:18px; font-weight:bold; padding-left:10px; width:265px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picScroll-top .bd ul li .answer .sp1{ width:18px; height:18px; background:#bc8b0b; color:#fff; text-align:center; font-size:18px; color:#fff; line-height:18px; }
.picScroll-top .bd ul li .answer .sp2{ padding-left:10px;overflow:hidden;height:38px;width:265px}
.picScroll-top .bd ul li .answer .sp2 p{ font-size:14px; color:#666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.long{width:410px;padding:0px 20px;margin-top:20px}
.long .top{width:410px;height:20px;overflow:hidden}
.long .top .lf{width:20px;float:left}
.long .top .lf span{width:20px;height:20px;line-height:20px;text-align:center;background:#3c3d40;color:#fff;font-size:18px;display: inline-block;}
.long .top .rt{width:380px;float:left;margin-left:10px}
.long .top .rt span{display:inline-block;width:380px;color:#2f3033;font-size:18px;line-height: 20px;font-weight:900}
.long .bot{width:410px;height:auto;margin-top:10px}
.long .bot .lf{width:20px;float:left}
.long .bot .lf span{width:20px;height:20px;line-height:20px;text-align:center;background:#bc8b0b;color:#fff;font-size:18px;display: inline-block;}
.long .bot .rt{width:380px;float:left;margin-left:10px}
.long .bot .rt p{font-size: 14px;line-height:20px;color: #666;margin-bottom:4px}





